﻿@charset "utf-8";
        .logo
        {
            width:45px;
            height: 50px;
            position: relative;
            float: left;
			
            
            
        }
            .logo img
            {
                width: 50px;
                height:50px;
                padding: 0px 0px 0px 6px;
            }
body
   {
    font: 14px Arial,Helvetica,sans-serif;
    background: #F5F5F5;
    margin: 0 auto;
    color: #808080;
    margin-top:150px;
  }
.container{
        
	    width: 400px;
		height: 224px;		
        margin:0 auto;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;		
		background-size: 100%;		
       		
		background:  linear-gradient(#009999, 	#004C4C);
		background: -webkit-linear-gradient(#009999, 	#004C4C);
		background: -moz-linear-gradient(#009999, 	#004C4C);
		background: -ms-linear-gradient(#009999, 	#004C4C);
		background: -o-linear-gradient(#009999, 	#004C4C);
        text-align:center;
        box-shadow: 1px 5px 15px #808080;
}
div.head
   {
    height:50px;
    width:400px;
	padding-top:0;
    margin-top:0;
    border-top-left-radius: 10px;
    border-top-right-radius:10px;
    background:  linear-gradient(#004C4C, 	#009999);
		background: -webkit-linear-gradient(#004C4C, #009999	);
		background: -moz-linear-gradient(#004C4C, 	#009999);
		background: -ms-linear-gradient(#004C4C, 	#009999);
		background: -o-linear-gradient(#004C4C, 	#009999)
            
}
 div.content
        {   text-align:center;
            width:394px;
            height:170px;
            background-color: #FFf;
            border: 1px solid;
            margin:0 auto;
            border-bottom-left-radius: 2px;
            border-bottom-right-radius: 2px;

        }

input[type="text"],input[type="password"],input[Select]{
    margin:0 auto;
    background-color: #E6E6E6;
	padding:5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	-webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	-ms-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	-o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	border-radius: 2px 2px 2px 2px;	
	border: 1px solid #CCCCCC;
	margin:5px;
	width:300px;
	height: 24px;
	color: #004C4C;
}
input[type="text"]:focus,input[type="password"]:focus{

	border-color: rgba(82, 168, 236, 0.8);
  	outline: 0;
  	outline: thin dotted none;		
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(82, 168, 236, 0.6);
    -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(82, 168, 236, 0.6);
    -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(82, 168, 236, 0.6);
}
input[type="submit"]:hover{
    /*box-shadow: 1px 1px 10px #B6F3DC;*/
    background: #077DC5;

	
	background:  linear-gradient(#006B6B, #33ADAD);
	background: -webkit-linear-gradient(#006B6B, 	#33ADAD);
	background: -moz-linear-gradient(#006B6B, 	#33ADAD);
	background: -ms-linear-gradient(#006B6B, 	#33ADAD);
	background: -o-linear-gradient(#006B6B, 	#33ADAD);
	font-weight: bold;
	box-shadow: 1px 2px 10px #888888;
		
}
input[type="submit"]{
     border:none;
    border-radius: 1px;
    width: 150px;
    height: 30px;
	background:  linear-gradient(#004C4C, 	#009999);
	background: -webkit-linear-gradient(#004C4C, #009999	);
	background: -moz-linear-gradient(#004C4C, 	#009999);
	background: -ms-linear-gradient(#004C4C, 	#009999);
	background: -o-linear-gradient(#004C4C, 	#009999);
	
    color:#FFF;
    padding: 5px;
    box-shadow: 1px 2px 10px #888888;
    cursor:pointer;
    transition: 0.4s;	
}
        @font-face {
    		font-family: Xenotron;
   			 src: url(XENOTRON.TTF);
			}
        h4{
        	font-family: Xenotron, Arial;
			padding-top: 12px;
            font-size: 20px;
			font-weight: bold;
            color:#FFF;
			text-shadow:2px 2px 5px #F00;
			
        }